<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="tim-san-pham.css" />
<link rel="stylesheet" href="nivo-slider/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider/nivo-slider.css" type="text/css" media="screen" />


 <script type="text/javascript" src="nivo-slider/demo/scripts/jquery-1.7.1.min.js"></script>
 <script type="text/javascript" src="nivo-slider/jquery.nivo.slider.pack.js"></script>
 <script type="text/javascript" src="jcarousel/js/jquery.jcarousel.pack.js"></script>
 <link rel="stylesheet" type="text/css" href="jcarousel/css/jquery.jcarousel.css" />
 <link rel="stylesheet" type="text/css" href="jcarousel/css/skin.css" />
 <script type="text/javascript">
    $(window).load(function() {
        $('#slider').nivoSlider({pauseTime: 5000,  effect: 'fold'});
    });
   </script>
  
   
  <style>
  .nivoSlider {
    position:relative;
    width:351px !important; /* Change this to your images width */
    height:264x !important; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}

	#slider_area{
		position:relative;
		}
	#slider_box{
		 left: 14px;
    	 position: absolute;
    	 top: 12px;
		
		}
  </style>
  	<style>
/* Slide Show */
body {
	font-family:arial;	
}

img {
	border:0;
}

#slideshow-main {
	width:275px; 
	float:left; 
	margin-right:3px;
}

#slideshow-main ul {
	margin:0; 
	padding:0; 
	width:275px;
}

#slideshow-main li {
	width:275px; 
	height:290px; 
	display:none;
	position:relative;
}

#slideshow-main li.active {
	display:block !important;
}


#slideshow-carousel {
	float:left; 
	width:100px;
	position:relative;
	margin-top: 15px;
}

#slideshow-carousel ul {
	margin:0; 
	padding:0;
	list-style:none;
	width:100px;
}

#slideshow-carousel li {
	background:#fff; 
	height:97px; 
	position:relative
}

#slideshow-carousel li .arrow {
	left:3px; 
	top:28px; 
	position:absolute; 
	width:20px; 
	height:40px; 
	background:url(images/arrow_white.png) no-repeat 0 0; 
	display:block;
}

#slideshow-carousel li a {
	background:#000; 
	display:block; 
	width:206px; 
	height:95px;
}


#slideshow-carousel .active {
	filter:alpha(opacity=100); 
	-moz-opacity:1.0; 
	-khtml-opacity: 1.0; 
	opacity: 1.0;
}

#slideshow-carousel .faded {
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5;
}

#slideshow-main a img{
	margin-left: 15px;
    width: 250px;
	height:auto;
	}
	
#slideshow-carousel img{
	height: 66px;
    margin-left: 7px;
    margin-top: 7px;
    width: 66px;
	
	}
	
#slideshow-carousel ul li a {
	width:80px;
	height:80px;
	background:#fbfbfb;
	border:1px solid #dddddd;
	
	}
	

	</style>


<script type="text/javascript">
	$(document).ready(function () {
		
		//jCarousel Plugin
	    $('#carousel').jcarousel({
			vertical: true,
			scroll: 1,
			auto: false,
			wrap: 'last',
			initCallback: mycarousel_initCallback
	   	});

	//Front page Carousel - Initial Setup
   	$('div#slideshow-carousel a img').css({'opacity': '0.5'});
   	$('div#slideshow-carousel a img:first').css({'opacity': '1.0'});
   	$('div#slideshow-carousel li a:first').append('<span class="arrow"></span>')

  
  	//Combine jCarousel with Image Display
    $('div#slideshow-carousel li a').hover(
       	function () {
        		
       		if (!$(this).has('span').length) {
        		$('div#slideshow-carousel li a img').stop(true, true).css({'opacity': '0.5'});
   	    		$(this).stop(true, true).children('img').css({'opacity': '1.0'});
       		}		
       	},
       	function () {
        		
       		$('div#slideshow-carousel li a img').stop(true, true).css({'opacity': '0.5'});
       		$('div#slideshow-carousel li a').each(function () {

       			if ($(this).has('span').length) $(this).children('img').css({'opacity': '1.0'});

       		});
        		
       	}
	).click(function () {

	    $('span.arrow').remove();        
		$(this).append('<span class="arrow"></span>');
       	$('div#slideshow-main li').removeClass('active');        
       	$('div#slideshow-main li.' + $(this).attr('rel')).addClass('active');	
        	
       	return false;
	});


});


//Carousel Tweaking

function mycarousel_initCallback(carousel) {
	
	// Pause autoscrolling if the user moves with the cursor over the clip.
	carousel.clip.hover(function() {
		carousel.stopAuto();
	}, function() {
		carousel.startAuto();
	});
}
	
</script>
    
    
</head>
<body>
	<div id="wrapper">
    	<div id="top">
        	<div id="header">
            	<div id="menu">
                	    <ul>
                            <li class="active"><a href="#">Trang chủ</a></li>
                            <li><a href="#">Tìm sản phẩm</a></li>
                            <li><a href="#">Tìm công ty</a></li>
                            <li><a href="#">Tìm kỹ thuật lắp đặt</a></li>
                            <li><a href="#">Tìm thuê máy xây dựng</a></li>
                            <li class="last"><a href="#">Tìm việc làm</a></li>
                        </ul>
                <div class="clear"></div> 
                </div><!--End #menu-->
                
                <div id="logo">
                	<a href="#"><img src="images/logo.png" alt="logo" /></a>
                    <h3>Sản phẩm xây dựng cho mọi nhu cầu của bạn</h3>
                </div><!--End #logo-->
                
            </div><!--End #header-->
            <div id="top_shadow"></div><!--End #top_shadow-->
        </div><!--End #top-->
       
       <div id="product_main">
       		<div id="product">
            	<div id="col_left">
            	<h2>Danh mục sản phẩm</h2>
                <ul>
                	<li><a href="#">Air Conditioning</a></li>
                    <li><a href="#">Architectural Salvage</a></li>
                    <li><a href="#">Bathrooms</a></li>
                    <li><a href="#">Building Systems</a></li>
                    <li><a href="#">Catering Equipment</a></li>
                    <li><a href="#">Ceilings</a></li>
                    <li><a href="#">Conservatories</a></li>
                    <li><a href="#">Construction Plant</a></li>
                    <li><a href="#">Damp Proofing</a></li>
                    <li><a href="#">Doors</a></li>
                </ul>	
            </div><!--End #col_left-->
            
            <div id="col_right"	>
            	<div id="col_right_content">
                	<div id="meta_link">
                	<h3><a href="#">Home </a> > <a href="#">Products </a> > <a href="#">Access Control </a> > <a href="#"><span class="link_active">AMC Security Ltd</span></a></h3>
                </div><!--End #meta_link-->
                
                <div id="search_product_information">
                	<h1>Kết quả tìm kiếm ''Access Control''</h1>
                    <div id="sp_information">
                    	<div id="image_box">
                      		<div id="slideshow-main">
			<ul>
				<li class="p1 active">
					<a href="#">
						<img src="jcarousel/880-navy_product.jpg" width="430" height="290" alt=""/>
						
					</a>
				</li>
				<li class="p2">
					<a href="#">
						<img src="jcarousel/company_product.jpg" width="430" height="290" alt=""/>
						
					</a>
				</li>
				<li class="p3">
					<a href="#">
						<img src="jcarousel/lupe-fiasco-product-red-converse-all-star-01.jpg" width="430" height="290" alt=""/>
						
					</a>
				</li>
                <li class="p4">
					<a href="#">
						<img src="jcarousel/lupe-fiasco-product-red-converse-all-star-01.jpg" width="430" height="290" alt=""/>
						
					</a>
				</li>
				
			</ul>										
		</div>
                        </div><!--End #image_box-->
                        
                        <div id="slideshow-carousel">				
			  <ul id="carousel" class="jcarousel jcarousel-skin-tango">
				<li><a href="#" rel="p1"><img src="jcarousel/880-navy_product.jpg" width="206" height="95" alt="#"/></a></li>
				<li><a href="#" rel="p2"><img src="jcarousel/company_product.jpg" width="206" height="95" alt="#"/></a></li>
				<li><a href="#" rel="p3"><img src="jcarousel/lupe-fiasco-product-red-converse-all-star-01.jpg" width="206" height="95" alt="#"/></a></li>
                <li><a href="#" rel="p4"><img src="jcarousel/lupe-fiasco-product-red-converse-all-star-01.jpg" width="206" height="95" alt="#"/></a></li>
				
			  </ul>
		</div>
               	
                        <div id="sp_information_content">
                        	<h2>Access Control</h2>
                            <h3>Mô tả:</h3>
                            <p>
                            These systems appreciated for high resolution, reliability and quality resists the access to the resources and specific areas in a given computer-based information system or to that of given physical activity. These are proved to the best security systems and are highly reckoned among our customers. Moreover, we offer the products at cost effective prices and ensure that they are delivered within the stipulated time frame.
                            </p>
                            
                            <div id="sp_count">
                            	Có 17 công ty bán sản phẩm này
                            </div><!--End #sp_count-->
                        </div><!--End #sp_information_content -->
                        <div class="clear"></div>
                    </div><!--End #sp_information-->
                    
                    <div id="sp_in_product">
                    	<h1>Các sản phẩm trong Access Control</h1>
                        <div id="list_sp_in_product">
                        	<ul>
                                <li><a href="#">Access Control Systems</a></li>
                                <li><a href="#">Burglar Alarms</a></li>
                                <li><a href="#">Cctv</a></li>
                                <li><a href="#">Commercial Security Systems</a></li>
                                <li><a href="#">Construction Site Security</a></li>
                                <li><a href="#">External Works</a></li>
                                <li><a href="#">Security Alarms</a></li>
                                <li><a href="#">Security Fencing</a></li>
                                <li><a href="#">Security Shutters</a></li>
                                <li><a href="#">Security Shutters</a></li>
                                <li><a href="#">Security Shutters</a></li>
                                <li><a href="#">Security Shutters</a></li>
                                <li><a href="#">Security Shutters</a></li>
                                <li><a href="#">Security Shutters</a></li>
                                <li><a href="#">Security Shutters</a></li>
                                <li><a href="#">Security Shutters</a></li>
                                <li><a href="#">Security Shutters</a></li>
                                <li><a href="#">Security Shutters</a></li>
                                <li><a href="#">Security Shutters1</a></li>
                                <li><a href="#">Security Shutters2</a></li>
                                <li><a href="#">Security Shutters3</a></li>
                                <li><a href="#">Security Shutters4</a></li>
                                <li><a href="#">Security Shutters5</a></li>
                                <li><a href="#">Security Shutters6</a></li>
                        	</ul>
                            <div class="clear"></div>
                        </div><!--End #list_sp_in_product -->
                        
                   </div><!--End #sp_in_product -->
                   
                   <div id="sp_buy_place">
                   		<h1>Các sản phẩm trong Access Control</h1>
                        
                        <div id="sp_pagination_top">
                        	<span id="page">Trang</span>
							<a href="#previous"><</a>
                            <a href="#1">1</a><a href="#2">2</a>
                            <a href="#3">3</a>
                            <span class="active_tnt_link">4</span>
                            <a href="#5">5</a>
                            <a href="#forwaed">></a>
                		</div>
                        
                        <div id="sp_buy_place_list">
                        	<ul>
                            	<li>
                                	<a href="#"><img src="images/find_product/company_logo.jpg" alt=""/></a>
                                    <p class="sp_buy_place_name"><a href="#">AMC Security Ltd</a></p>
                                    <p class="sp_buy_place_infor">AMC Security Products Ltd specialise in physical & perimeter security. We manufacture, distribute & install a wide range of access control & security...</p>
                                                
                                </li>
                                
                                <li>
                                	<a href="#"><img src="images/find_product/company_logo2.jpg" alt=""/></a>
                                    <p class="sp_buy_place_name"><a href="#">Darfen Durafencing</a></p>
                                    <p class="sp_buy_place_infor">Darfen Durafencing is a UK market leader in the supply and installation of perimeter fencing and access control systems...</p>
                               
                                </li>
                                
                                <li class="last">
                                	<a href="#"><img src="images/find_product/company_logo.jpg" alt=""/></a>
                                    <p class="sp_buy_place_name"><a href="#">AMC Security Ltd</a></p>
                                    <p class="sp_buy_place_infor">AMC Security Products Ltd specialise in physical & perimeter security. We manufacture, distribute & install a wide range of access control & security...</p>
                                </li>
                                
                                <li>
                                		<a href="#"><img src="images/find_product/company_logo.jpg" alt=""/></a>
                                    <p class="sp_buy_place_name"><a href="#">Darfen Durafencing</a></p>
                                    <p class="sp_buy_place_infor">Darfen Durafencing is a UK market leader in the supply and installation of perimeter fencing and access control systems...</p>
                                </li>
                                
                                <li>
                                		<a href="#"><img src="images/find_product/company_logo2.jpg" alt=""/></a>
                                    <p class="sp_buy_place_name"><a href="#">Darfen Durafencing</a></p>
                                    <p class="sp_buy_place_infor">Darfen Durafencing is a UK market leader in the supply and installation of perimeter fencing and access control systems...</p>
                                </li>
                                
                                <li class="last">
                                		<a href="#"><img src="images/find_product/company_logo.jpg" alt=""/></a>
                                    <p class="sp_buy_place_name"><a href="#">Newgate (Newark) Limited</a></p>
                                    <p class="sp_buy_place_infor">...the design, manufacture and installation of bespoke, cost effective and reliable security gates, barriers, turnstiles and car parking/traffic control...</p>
                                </li>
                                
                                <li>
                                	<a href="#"><img src="images/find_product/company_logo2.jpg" alt=""/></a>
                                    <p class="sp_buy_place_name"><a href="#">Darfen Durafencing</a></p>
                                    <p class="sp_buy_place_infor">Darfen Durafencing is a UK market leader in the supply and installation of perimeter fencing and access control systems...</p>
                                </li>
                                
                                <li>
                                		<a href="#"><img src="images/find_product/company_logo3.jpg" alt=""/></a>
                                    <p class="sp_buy_place_name"><a href="#">SECOM Plc</a></p>
                                    <p class="sp_buy_place_infor">...sector organisations throughout the UK. Our security solutions include intruder detection, CCTV surveillance, interactive visual response, access </p>
                                </li>
                                
                                <li class="last">
                                		<a href="#"><img src="images/find_product/company_logo2.jpg" alt=""/></a>
                                    <p class="sp_buy_place_name"><a href="#">Darfen Durafencing</a></p>
                                    <p class="sp_buy_place_infor">Darfen Durafencing is a UK market leader in the supply and installation of perimeter fencing and access control systems...</p>
                                </li>
                                
                                 <li>
                                	<a href="#"><img src="images/find_product/company_logo3.jpg" alt=""/></a>
                                    <p class="sp_buy_place_name"><a href="#">Darfen Durafencing</a></p>
                                    <p class="sp_buy_place_infor">Darfen Durafencing is a UK market leader in the supply and installation of perimeter fencing and access control systems...</p>
                                </li>
                                
                                <li>
                                		<a href="#"><img src="images/find_product/company_logo2.jpg" alt=""/></a>
                                    <p class="sp_buy_place_name"><a href="#">Darfen Durafencing</a></p>
                                    <p class="sp_buy_place_infor">Darfen Durafencing is a UK market leader in the supply and installation of perimeter fencing and access control systems...</p>
                                </li>
                                
                                <li class="last">
                                		<a href="#"><img src="images/find_product/company_logo3.jpg" alt=""/></a>
                                    <p class="sp_buy_place_name"><a href="#">Darfen Durafencing</a></p>
                                    <p class="sp_buy_place_infor">Darfen Durafencing is a UK market leader in the supply and installation of perimeter fencing and access control systems...</p>
                                </li>
                                <div class="clear"></div>
                            </ul>
                        
                        </div><!--End #sp_buy_place_list -->
                        
                        <div id="sp_pagination_bottom">
                        	<span id="page_bottom">Trang</span>
							<a href="#previous"><</a>
                            <a href="#1">1</a><a href="#2">2</a>
                            <a href="#3">3</a>
                            <span class="active_tnt_link">4</span>
                            <a href="#5">5</a>
                            <a href="#forwaed">></a>
                		</div>
                           
                        </div><!--End #pagination_bot-->
                   </div><!--End #sp_buy_place-->
                   
                </div><!--End #search_product_information-->
                </div><!--End #col_right_content-->
            </div><!--End col_right-->
               
            	
            <div class="clear"></div>
            </div><!--End #product-->
       		
       </div><!--End #product_main -->         
     	
       <div id="bottom">
       		 <div id="footer">
             	
                <a href="#"><img src="images/footer_logo.png" alt=""/></a>
                <ul id="footer_menu">
                       <li><a href="#">About Us </a></li>
                       <li><a href="#">Email a Friend </a></li>
                       <li><a href="#">Link to Us </a></li>
                       <li><a href="#">Useful Resources</a></li>
                       <li><a href="#">Contact Us </a></li>
                       <li><a href="#">Site Map </a></li>
                       <li id="last"><a href="#">Privacy Policy </a></li>
                </ul>
                <p>Copyright © 2012 <span>Ngân hàng xây dựng</span>. All rights reserved</p>
      		</div><!--End #footer-->    
       </div><!--End #bottom-->
      
</div><!--End #wrapper-->

</body>
</html>
